import React from "react";
import { HashRouter as Router, Link } from "react-router-dom";

const Nav: React.FC = (props) => (
	<Router>
		<div>
			<ul>
				<li>
					<Link to="/">HOME</Link>
				</li>
				<li>
					<Link to="/about">ABOUT</Link>
				</li>
				<li>
					<Link to="/topic">TOPIC</Link>
				</li>
			</ul>
			<div>
				{props.children}
			</div>
		</div>
	</Router>
);

export default Nav;
